<?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use kartik\file\FileInput;

/* @var $this yii\web\View */
/* @var $model backend\models\User */
/* @var $form yii\widgets\ActiveForm */
?>
<div class="user-form">

    <?php $form = ActiveForm::begin(); ?>

    <?= $form->field($model, 'username')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'gender')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'password_hash')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'auth_key')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'mobile')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'card')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'created_at')->textInput() ?>

    <?= $form->field($model, 'updated_at')->textInput() ?>

    <?= $form->field($model, 'status')->textInput() ?>
<!--    多图片上传隐藏表单-->
    <div class="img_id">
    </div>
    <?= $form->field($model, 'image')->widget(FileInput::classname(), [
    'options' => ['multiple' => true],
        'pluginOptions' => [
            'autoReplace' => true,
            // 需要预览的文件格式
            'previewFileType' => 'image',
            // 预览的文件
            'initialPreview' => $imgs,
            // 需要展示的图片设置，比如图片的宽度等
            'initialPreviewConfig' => $img_id,
            // 是否展示预览图
            'initialPreviewAsData' => true,
            // 预览图片删除按钮地址
            'deleteUrl' => \yii\helpers\Url::to(['delete-upload']),
            'deleteExtraData' => [
               'id' => 1,
            ],
            // 异步上传的接口地址设置
            'uploadUrl' => \yii\helpers\Url::to(['upload']),
            // 异步上传需要携带的其他参数，比如商品id等
            'uploadExtraData' => [
//                'id' => $img_id,
           ],

            'uploadAsync' => true,
            //语言设置
            'language' => 'zh',
            // 最少上传的文件个数限制
            'minFileCount' => 1,
            // 最多上传的文件个数限制
            'maxFileCount' => 10,
            // 是否显示移除按钮，指input上面的移除按钮，非具体图片上的移除按钮
            'showRemove' => true,
            // 是否显示上传按钮，指input上面的上传按钮，非具体图片上的上传按钮
           // 'showUpload' => true,
            //是否显示[选择]按钮,指input上面的[选择]按钮,非具体图片上的上传按钮
            'showBrowse' => true,
            // 展示图片区域是否可点击选择多文件
            'browseOnZoneClick' => true,
            // 如果要设置具体图片上的移除、上传和展示按钮，需要设置该选项
            'fileActionSettings' => [
                // 设置具体图片的查看属性为false,默认为true
                'showZoom' => false,
                // 设置具体图片的上传属性为true,默认为true
                'showUpload' => true,
                // 设置具体图片的移除属性为true,默认为true
                'showRemove' => true,
            ],
        ],
        // 一些事件行为
        'pluginEvents' => [
            // 上传成功后的回调方法，需要的可查看data后再做具体操作，一般不需要设置
            "fileuploaded" => 'function (event, data, id, index) {
            console.log(data.response)
            var html ='.'"<input type=\'hidden\' value="+data.response+" name=\'img_id[]\'>"'. '
            $(\'.img_id\').append(html);
        }',
            "filesuccessremove" => 'function(event, key) {  
                console.log(event);  
                console.log(1);  
            }'
        ],
    ]);?>
    <div class="form-group">
        <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
    </div>

    <?php ActiveForm::end(); ?>

</div>